import React from 'react';
import './index.less';
import active from '@/assets/images/user/avatar.png';
import Collection from '@/assets/images/user/collect_3.png';
import note from '@/assets/images/user/note_1.png';
import exam from '@/assets/images/user/examination_me.png';
import means from '@/assets/images/user/data_me.png';
import data from '@/assets/images/user/My Profile.png';
import Notice from '@/assets/images/user/Notice.png';
import about from '@/assets/images/user/About us.png';
import ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';
import { useToast } from '@/utils/toast';
export default function User() {
  let toast = useToast();
  return (
    <div className="user">
      <div className="user_top">
        <p className="tit">个人中心</p>
        <img src={active} alt="" />
        <span className="name">我还是三水</span>
      </div>
      <section className="user_center">
        <ul>
          <li onClick={() => toast('warning', '该功能暂未开放')}>
            <img src={Collection} alt="" />
            <p>3</p>
            <p>收藏</p>
          </li>
          <li onClick={() => toast('warning', '该功能暂未开放')}>
            <img src={note} alt="" />
            <p>1</p>
            <p>笔记</p>
          </li>
          <li onClick={() => toast('warning', '该功能暂未开放')}>
            <img src={exam} alt="" />
            <p>1</p>
            <p>我的考试</p>
          </li>
          <li onClick={() => toast('warning', '该功能暂未开放')}>
            <img src={means} alt="" />
            <p>1</p>
            <p>学习资料</p>
          </li>
        </ul>
      </section>
      <section className="user_list">
        <ul>
          <li onClick={() => toast('warning', '该功能暂未开放')}>
            <img src={data} alt="" />
            <p>我的资料</p>
            <ArrowForwardIosIcon className="r" />
          </li>
          <li onClick={() => toast('warning', '该功能暂未开放')}>
            <img src={Notice} alt="" />
            <p>系统公告</p>
            <ArrowForwardIosIcon className="r" />
          </li>
          <li onClick={() => toast('warning', '该功能暂未开放')}>
            <img src={about} alt="" />
            <p>关于我们</p>
            <ArrowForwardIosIcon className="r" />
          </li>
        </ul>
      </section>
    </div>
  );
}
